/*通用 */
page{
	background: #F2F3F5;
}
view{
	font-size:28rpx;
	line-height:1.8;
	box-sizing: border-box;
	color: #272727;
}

/* 布局 */
.row,.flex{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	flex-direction:row;
	align-items: center;
}
.column{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	flex-direction: column;
}
.center{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	align-items: center;
	justify-content: center;
}
.fill,.flex-1{
	flex: 1;
}

// 超出隐藏
.line1 {
	/* #ifdef APP-PLUS-NVUE */
	lines: 1;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	/* #endif */
}
.line2 {
	/* #ifdef APP-PLUS-NVUE */
	lines: 2;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	/* #endif */
}
.line3 {
	/* #ifdef APP-PLUS-NVUE */
	lines: 3;
	/* #endif */
	/* #ifndef APP-PLUS-NVUE */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	/* #endif */
}

/* 万能清除浮动 */
.clearfix:after {
    content: "";
    display: block;
    height: 0;
	font-size: 0;
    clear: both;
    visibility: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

// 常用颜色
.red{
	color: #F8534B !important;
}
.green{
	color: #21a900 !important;
}
.blue{
	color: #307FFF !important;
}
.yellow{
	color: #FD9618 !important;
}
.gray{
	color: #999 !important;
}

.img{
	width: 100%;
	height: 100%;
}

.inlineBlock{
	display: inline-block;
}


// 常用按钮
.btn-primary{
	width: 418rpx;
	height: 88rpx;
	text-align: center;
	line-height: 88rpx;
	background: #FD9618;
	color: #fff;
	border-radius: 56rpx;
}
.btn-primary::after{
	display: none;
}
.btn-default{
	width: 418rpx;
	height: 88rpx;
	line-height: 88rpx;
	background: #fff;
	text-align: center;
	color: #333;
	border-radius: 56rpx;
	border: 2rpx solid #8C9198;
}
.btn-default::after{
	display: none;
}

.text-32rpx{
	font-size: 32rpx;
}